<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="./index.css"/>
</head>
<body>
    <header>
        <div id="no1"></div>
        <div class="title">推荐旅游目的地</div>
        <div class="radius btn right">签到</div>
    </header>
    <section class="main">
        <input type="search" name="query" placeholder="搜索你想去的地方">
        <ul class="nav">
            <li><a href="">首选</a></li>
            <li><a href="">推荐</a></li>
            <li><a href="">大陆</a></li>
        </ul>
        <section class="mid-con">
            <div class="title">
                <p><span class="jc">首尔</span>，山水中的彩墨美学</p>
            </div>
            <div class="pics">
                <ul>
                    <li><img src="./img/1.jpg" alt=""><span>新村大世界</span></li>
                    <li><img src="./img/2.jpg" alt=""><span>乐天世界</span></li>
                    <li><img src="./img/7.jpg" alt=""><span>梨花壁画村</span></li>
                </ul>
            </div>
        </section>
    </section>
    <footer></footer>
</body>
</html>